﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MemberArea/MasterPage.master" AutoEventWireup="true" CodeFile="FormDesign.aspx.cs" Inherits="MemberArea_FormDesign" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div id="content">
        <div class="page-full-width cf">
            <div class="content-module">

                <div class="content-module-heading cf">

                    <h3 class="fl">Form Elements</h3>
                    <span class="fr expand-collapse-text">Click to collapse</span>
                    <span class="fr expand-collapse-text initial-expand">Click to expand</span>

                </div>
                <!-- end content-module-heading -->


                <div class="content-module-main cf">

                    <div class="half-size-column" style="margin-left: 6.3%; float: left; width: 30%">



                        <fieldset>

                            <p>
                                <label for="simple-input">First Name</label>
                                <input type="text" id="simple-input" class="round default-width-input" />
                            </p>

                            <p>
                                <label for="simple-input">Email</label>
                                <input type="text" id="Text2" class="round default-width-input error-input" />
                            </p>

                            <p>
                                <label>Gender</label>
                                <label for="selected-radio" class="alt-label">
                                    <input type="radio" id="selected-radio" checked="checked" />Male</label>
                                <label for="unselected-radio" class="alt-label">
                                    <input type="radio" id="unselected-radio" />Female</label>
                            </p>

                            <p>
                                <label for="textarea">Address</label>
                                <textarea id="textarea" class="round full-width-textarea"></textarea>
                            </p>

                        </fieldset>



                    </div>
                    <!-- end half-size-column -->

                    <div class="half-size-column" style="margin-left: 3.3%; float: left; width: 30%">



                        <fieldset>

                            <p>
                                <label for="simple-input">Last Name</label>
                                <input type="text" id="Text1" class="round default-width-input" />
                            </p>

                            <p>
                                <label for="simple-input">Phone No</label>
                                <input type="text" id="Text3" class="round default-width-input" />
                            </p>



                            <p class="form-error-input">
                                <label for="dropdown-actions">Country</label>

                                <select id="dropdown-actions">
                                    <option value="option1">Select your action here</option>
                                </select>
                            </p>
                            <p>
                                <label>Checkboxes</label>
                                <label for="selected-checkbox" class="alt-label">
                                    <input type="checkbox" id="selected-checkbox" checked="checked" />A selected checkbox</label>
                                <label for="unselected-checkbox" class="alt-label">
                                    <input type="checkbox" id="unselected-checkbox" />An uselected checkbox</label>
                            </p>










                        </fieldset>



                    </div>
                    <!-- end half-size-column -->

                    <div class="half-size-column" style="margin-left: 3.3%; float: left; width: 25%">



                        <fieldset>

                            <p>
                                <label for="simple-input">Last Name</label>
                                <input type="text" id="Text4" class="round default-width-input" />
                            </p>

                            <p>
                                <label for="simple-input">Phone No</label>
                                <input type="text" id="Text5" class="round default-width-input" />
                            </p>



                            <p class="form-error-input">
                                <label for="dropdown-actions">Country</label>

                                <select id="Select1">
                                    <option value="option1">Select your action here</option>
                                </select>
                            </p>
                            <p>
                                <label>Checkboxes</label>
                                <label for="selected-checkbox" class="alt-label">
                                    <input type="checkbox" id="Checkbox1" checked="checked" />A selected checkbox</label>
                                <label for="unselected-checkbox" class="alt-label">
                                    <input type="checkbox" id="Checkbox2" />An uselected checkbox</label>
                            </p>










                        </fieldset>



                    </div>
                </div>
                <!-- end content-module-main -->


                <div class="stripe-separator">
                    <!--  -->
                </div>
                <div style="height: 60px;">
                    <input type="submit" value="Save" style="float: right; margin-right: 15px;" class="round blue ic-right-arrow" />
                    <input type="submit" value="Clear" style="float: right; margin-right: 15px;" class="round blue" />
                </div>
            </div>
        </div>
    </div>
</asp:Content>

